<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                    
                xmlns:r="http://richfaces.org">

    <ui:define name="title">
        Usuario (MÉDICO)
    </ui:define>
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <r:panel styleClass="fondoPanel curved" header="Buscar Empleado" >
                        <h:panelGrid columns="2" columnClasses="alignTop alignTop">
                            <h:panelGrid>
                                <f:facet name="header">
                                    <h:outputText value="Médico sin Usuario"/>
                                </f:facet>
                                <h:selectOneListbox size="5" label="Empleado" id="sistema"  converter="JsfConverterMedico"  value="#{jsfUsuarioMedico.persona}" >                              
                                    <f:selectItems value="#{jsfUsuarioMedico.selectedItemMedicoNoUsuarios}" var="item"/>
                                    <f:ajax event="change" execute="@this" render="datos1" listener="#{jsfUsuarioMedico.limpiarListener}"/>
                                </h:selectOneListbox>
                            </h:panelGrid>
                            <h:panelGrid id="datos1" columns="4" columnClasses=",textoNegrita,">
                                <f:verbatim />
                                <h:outputText value="Nombre:" />
                                <h:outputText value="#{jsfUsuarioMedico.persona.ameNombreFull}" />
                                <f:verbatim />
                                <f:verbatim />
                                <h:outputText value="Identificación:" />
                                <h:outputText value="#{jsfUsuarioMedico.persona.ameCedula}" />
                                <f:verbatim />
                                <f:verbatim />
                                <h:outputText value="Especialidad:" />
                                <h:outputText value="#{jsfUsuarioMedico.persona.ameDireccion}" />
                                <f:verbatim />

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Username:" />
                                <h:inputText label="Username" required="true" id="clave"  value="#{jsfUsuarioMedico.object.username}" />
                                <r:message for="clave"/>

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Contraseña:" />
                                <h:inputSecret label="Contraseña" required="true" id="contrasena"  value="#{jsfUsuarioMedico.object.password}" />
                                <r:message for="contrasena"/>

                                <f:verbatim/>
                                <h:outputText value="Usuario activo:" />
                                <h:selectBooleanCheckbox label="Estado" id="estado"   value="#{jsfUsuarioMedico.estado}"/>
                                <r:message for="estado"/>
                            </h:panelGrid>
                        </h:panelGrid>

                        <br />
                        <center>
                            <h:panelGrid >
                                <h:panelGroup id="panelBotones">
                                    <h:commandButton id="btGrabar" value="Grabar" action="#{jsfUsuarioMedico.grabarAction}"  title="Grabar registro">
                                        <f:ajax execute="@form" event="action" render="commonStatus :panelDatos "/>
                                    </h:commandButton>
                                    <h:commandButton id="btNuevo" value="Nuevo" action="#{jsfUsuarioMedico.nuevoAction}"  title="Limpiar o crear nuevo registro">
                                        <f:ajax event="action" render="@form"/>
                                    </h:commandButton>
                                    <r:status id="commonStatus">
                                        <f:facet name="start">
                                            <h:graphicImage library="images/ajax" name="status2.gif"/>
                                        </f:facet>
                                    </r:status>
                                </h:panelGroup>
                            </h:panelGrid>
                        </center>
                        <r:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </r:message>

                        <br />
                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Campo obligatorio" styleClass="campo-obligatorio"/>
                        </h:panelGroup>
                        <div class="separador" />
                        <hr width="100%" />
                        <p /> 
                        <r:dataTable id="listaSimple" value="#{jsfUsuarioMedico.lista}" var="item"  rows="10" rendered="#{jsfUsuarioMedico.lista.size()>0}"> 
                            <f:facet name="header">
                                <h:outputText value="Registros encontrados [#{jsfUsuarioMedico.lista.size()}]" />
                            </f:facet>
                            <h:column >
                                <f:facet name="header">
                                    <h:outputText value="#" />
                                </f:facet>
                                <h:outputText value="#{jsfUsuarioMedico.lista.indexOf(item)+1}"/>
                            </h:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Usuario" />
                                </f:facet>
                                <h:outputText value="#{item.username}"/>
                            </r:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Identificación" />
                                </f:facet>
                                <h:outputText value="#{item.admMedico.ameCedula}"/>
                            </r:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Médico" />
                                </f:facet>
                                <h:outputText value="#{item.admMedico.ameNombreFull}"/>
                            </r:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Médico" />
                                </f:facet>
                                <h:outputText value="#{item.admMedico.ameDireccion}"/>
                            </r:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Médico" />
                                </f:facet>
                                <h:outputText value="#{item.admMedico.ameTelefonoConv}"/>
                            </r:column>
                            <r:column >
                                <f:facet name="header">
                                    <h:outputText value="Correo electrónico" />
                                </f:facet>
                                <h:outputText value="#{item.admMedico.ameEmail}"/>
                            </r:column>
                            <r:column  >
                                <f:facet name="header">
                                    <h:outputText value="Estado" />
                                </f:facet>
                                <h:outputText value="#{item.estado==1?'Activo':'Inactivo'}" styleClass="#{item.estado==1?'textoNegrita':'campo-obligatorio textoNegrita'}"/>
                            </r:column> 
                            <r:column>
                                <f:facet name="header">
                                    <h:outputText value="Acción" />
                                </f:facet>
                                <h:commandLink action="#{jsfUsuarioMedico.editarUsuarioEmpleadoAction(item)}" title="Editar">
                                    <h:graphicImage library="images/icons" name="page-edit-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render=":panelDatos"/>
                                </h:commandLink>
                                <h:commandLink action="#{jsfUsuarioMedico.activarAction(item)}" title="activar/desactivar">
                                    <h:graphicImage library="images/icons" name="to-do-list-cheked-all-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render=":formDatos"/>
                                </h:commandLink>
                            </r:column>
                            <f:facet name="footer">
                                <r:dataScroller for="listaSimple" rendered="#{jsfUsuarioMedico.lista.size()>15}" />
                            </f:facet>
                        </r:dataTable>
                        <r:jQuery selector="#listaSimple tr:odd" query="addClass('odd-row')" />
                        <r:jQuery selector="#listaSimple tr:even" query="addClass('even-row')" />
                        <r:jQuery selector="#listaSimple tr" query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
                        <r:jQuery selector="#listaSimple tr" query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>
                    </r:panel>
                </h:form>
            </h:panelGrid>
        </center>
    </ui:define>
</ui:composition>
